<template>
  <div class="home">
    <div class="row">
      <div class="col"></div>
      <div class="col-3">
        <div class="input-items">
          <q-input v-model="content" label="账号" hint="请输入账号" :dense="dense" />
        </div>
        <div class="input-items">
          <double-input :isDouble="true" :msgs="msgs" label="密码"></double-input>
        </div>
        <div class="row">
          <div class="col"></div>
          <div class="col-3">
            <q-btn color="primary" label="注册" />
          </div>
        </div>
      </div>
      <div class="col"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      dense: false,
      content: "",
      msgs: ["请输入密码, 并按回车键", "请再次输入密码, 并按回车键"],
    };
  },
};
</script>


<style scoped>
.input-items {
  margin-bottom: 20px;
}
.home {
  margin-top: 200px;
}
</style>